// Linux平台窗口圆角和阴影样式
html.platform-linux {
  width: 100vw;
  height: 100vh;
  padding: 16px;
  // 添加过渡动画
  transition: padding 0.25s cubic-bezier(0.4, 0, 0.2, 1);

  body {
    width: calc(100vw - 32px) !important;
    height: calc(100vh - 32px) !important;
    background: transparent;
    border-radius: 12px;
    overflow: hidden;
    // 添加16px的窗口阴影，向外扩展
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    // 添加过渡动画
    transition:
      border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1),
      box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }

  #app {
    border-radius: 12px;
    overflow: hidden;
    // 添加过渡动画
    transition: border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .el-overlay {
    height: calc(100% - 32px) !important;
    width: calc(100% - 32px) !important;
    top: 16px !important;
    left: 16px !important;
    border-radius: 12px;
  }

  // 窗口最大化状态下取消圆角和阴影
  &.window-maximized {
    padding: 0 !important;
    // 保持过渡动画一致性
    transition: padding 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    body,
    #app {
      width: 100vw !important;
      height: 100vh !important;
      border-radius: 0 !important;
      // 最大化时移除阴影
      box-shadow: none !important;
      // 保持过渡动画一致性
      transition:
        border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .el-overlay {
      height: 100% !important;
      width: 100% !important;
      top: 0 !important;
      left: 0 !important;
      border-radius: 0 !important;
    }
  }
}
